<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>可自定义logo的jQuery生成二维码插件|DEMO_jQuery之家-自由分享jQuery、html5、css3的插件库</title>
	<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,700" rel="stylesheet" />
	<link href="css/styles.css" rel="stylesheet" />
	<script src="../assets/yl.app.js"></script>
</head>
<body>
	<div id="container"></div>
		  <div class="control left">
		   <a id="banner" href="#" target="_blank">jQuery.qrcode 0.14.0</a>
		   <hr />
		   <label for="render">RENDER MODE</label>
		   <select id="render"><option value="canvas" selected="selected">canvas</option><option value="image">image</option><option value="div">div</option></select>
		   <hr />
		   <label for="size">SIZE:</label>
		   <input id="size" type="range" value="400" min="100" max="1000" step="50" />
		   <label for="fill">FILL</label>
		   <input id="fill" type="color" value="#333333" />
		   <label for="background">BACKGROUND</label>
		   <input id="background" type="color" value="#ffffff" />
		   <label for="text">CONTENT</label>
		   <textarea id="text">http://www.htmleaf.com/</textarea>
		   <hr />
		   <label for="minversion">MIN VERSION:</label>
		   <input id="minversion" type="range" value="6" min="1" max="10" step="1" />
		   <label for="eclevel">ERROR CORRECTION LEVEL</label>
		   <select id="eclevel"><option value="L">L - Low (7%)</option><option value="M">M - Medium (15%)</option><option value="Q">Q - Quartile (25%)</option><option value="H" selected="selected">H - High (30%)</option></select>
		   <label for="quiet">QUIET ZONE:</label>
		   <input id="quiet" type="range" value="1" min="0" max="4" step="1" />
		   <label for="radius">CORNER RADIUS:</label>
		   <input id="radius" type="range" value="50" min="0" max="50" step="10" />
		  </div>
		  <div class="control right">
		   <label for="mode">MODE</label>
		   <select id="mode"><option value="0">0 - Normal</option><option value="1">1 - Label-Strip</option><option value="2" selected="selected">2 - Label-Box</option><option value="3">3 - Image-Strip</option><option value="4">4 - Image-Box</option></select>
		   <hr />
		   <label for="msize">SIZE:</label>
		   <input id="msize" type="range" value="11" min="0" max="40" step="1" />
		   <label for="mposx">POS X:</label>
		   <input id="mposx" type="range" value="50" min="0" max="100" step="1" />
		   <label for="mposy">POS Y:</label>
		   <input id="mposy" type="range" value="50" min="0" max="100" step="1" />
		   <hr />
		   <label for="label">LABEL</label>
		   <input id="label" type="text" value="jQuery.qrcode" />
		   <label for="font">FONT NAME</label>
		   <input id="font" type="text" value="Ubuntu" />
		   <label for="fontcolor">FONT COLOR</label>
		   <input id="fontcolor" type="color" value="#ff9818" />
		   <hr />
		   <label for="image">IMAGE</label>
		   <input id="image" type="file" />
		  </div>
		  <img id="img-buffer" src="dummy.png" />

	<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
	<script src="dist/jquery-qrcode.js"></script>
  	<script src="js/scripts.js"></script>
</body>
</html>
